<template>
  <el-row style="min-height: 200px; ">
    <el-col
      :span="8"
      v-for="(item, index) in list"
      :key="'following' + index"
      style="padding: 10px"
    >
      <el-card
        shadow="hover"
        style="font-size: 13px;color: #606266;line-height: 20px"
      >
        <i class="el-icon-star-off"></i>&emsp;
        <a
          :href="item.url"
          target="_blank"
          style=" text-decoration:none;cursor:pointer"
          >{{ item.name }}</a
        >
        <br />
        <i class="el-icon-message"></i>&emsp;
        <a :href="item.url" target="_blank">TA的主页</a>
        <br />
        <img
          :src="item.avatar"
          style="width: 100%;border-radius:5px;margin-top: 5px"
        />
      </el-card>
    </el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      default: []
    }
  }
}
</script>

<style></style>
